<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <link href="estilo.css" rel="stylesheet" type="text/css">
    <title>Plantilla</title>
  </head>
  <body>
	
	  
    <div id="page">
		<div id="banner">
		
	</div>  
      <header>
 <!--       <h1></h1>  -->
      </header>
      
      <nav>
		  <ul>
				   <li>
					   <a href="#" >Becas</a>
				   </li>
				   <li>
					   <a href="#" >Juegos</a>
				   </li>
				   
				   <li>
					  <a href="#" >Cosas</a>
					</li>
					<li>
					   <a href="#" >Rifas</a>
				   </li>
				</ul>
		  </nav>
      
      
      <div id="seccion">
        <article>
          <header>
            <h2>Ingresar al Sistema</h2>
          </header>
          <p>  <form class="formulario" action="#" method="post">
				<ul>
				   <li>
					   <label for="Nombres">Nombres:</label>
					   <input type="text"  placeholder="Nombres" required />
				   </li>
				   <li>
					   <label for="Apellidos">Apellidos:</label>
					   <input type="text"  placeholder="Apellidos" required />
				   </li>
				   <li>
					   <label for="email">Email:</label>
					   <input type="email" name="email" placeholder="Correo" required />
				   </li>
				    <li>
					   <label for="Contraseña">Contrase&ntilde;a:</label>
					   <input type="password"  placeholder="Contraseña" required />
				   </li>
				   <li>
					   <label for="Contra2">Confirmaci&oacute;n:</label>
					   <input type="password"  placeholder="Vuelve a escribir la contraseña" required />
				   </li>
					<li>
					  <button class="submit" type="submit" >Registrarse</button>
					  <button class="submit" type="reset" >Limpiar</button>
					</li>
				</ul>
			</form>
          </p>
        </article>
      </div>
    </div>  
  </body>
</html>
